import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";

function _templateObject11() {
  var data = _taggedTemplateLiteral(["\n    .ant-btn,\n    .c7n-btn,\n    .c7n-pro-btn {\n      transition: all 0.2s;\n      &&&&&&&:hover {\n        border-color: #4f7de7;\n        color: #4f7de7;\n      }\n    }\n  "]);

  _templateObject11 = function _templateObject11() {
    return data;
  };

  return data;
}

function _templateObject10() {
  var data = _taggedTemplateLiteral(["\n    ", "\n  "]);

  _templateObject10 = function _templateObject10() {
    return data;
  };

  return data;
}

function _templateObject9() {
  var data = _taggedTemplateLiteral(["\n    .ant-btn.ant-btn:focus {\n      animation: ", " 0.5s linear;\n    }\n    .c7n-btn.c7n-btn,\n    .c7n-pro-btn.c7n-pro-btn {\n      :focus,\n      :active {\n        animation: ", " 0.5s linear;\n      }\n    }\n  "]);

  _templateObject9 = function _templateObject9() {
    return data;
  };

  return data;
}

function _templateObject8() {
  var data = _taggedTemplateLiteral(["\n    .ant-btn.ant-btn:active,\n    .ant-btn.ant-btn:hover {\n      i {\n        animation: ", " 0.5s linear;\n      }\n    }\n    .c7n-btn.c7n-btn,\n    .c7n-pro-btn.c7n-pro-btn {\n      :hover,\n      :active {\n        i {\n          animation: ", " 0.5s linear;\n        }\n      }\n    }\n  "]);

  _templateObject8 = function _templateObject8() {
    return data;
  };

  return data;
}

function _templateObject7() {
  var data = _taggedTemplateLiteral(["\n            :after,\n            :before {\n              animation-duration: 0s !important;\n              animation-delay: initial !important;\n            }\n          "]);

  _templateObject7 = function _templateObject7() {
    return data;
  };

  return data;
}

function _templateObject6() {
  var data = _taggedTemplateLiteral(["\n    .ant-btn.ant-btn,\n    .c7n-btn.c7n-btn,\n    .c7n-pro-btn.c7n-pro-btn {\n      width: auto;\n      position: relative;\n      ", ";\n      :hover,\n      :hover * {\n        color: #4f7de7;\n        transition: all 0.3s;\n      }\n      &.ant-btn-primary,\n      &.c7n-btn-primary,\n      &.c7n-pro-btn-primary {\n        :hover,\n        :hover * {\n          color: ", ";\n        }\n      }\n      ", ";\n      border-color: ", ";\n      :after,\n      :before {\n        border-radius: ", "px;\n      }\n      :disabled {\n        :before,\n        :after {\n          display: none !important;\n        }\n      }\n    }\n  "]);

  _templateObject6 = function _templateObject6() {
    return data;
  };

  return data;
}

function _templateObject5() {
  var data = _taggedTemplateLiteral(["\n    :after,\n    :before {\n      display: none;\n      top: -1px;\n      left: -1px;\n      right: -1px;\n      bottom: -1px;\n      content: \"\";\n      position: absolute;\n      border-radius: ", "px;\n      animation-fill-mode: forwards;\n      background: none;\n      z-index: 5;\n      opacity: 0;\n    }\n    :after {\n      opacity: 0;\n      border-bottom: 1px solid #4f7de7;\n      border-left: 1px solid #4f7de7;\n      border-top: none;\n      border-right: none;\n      animation: ", " linear 0.15s;\n      animation-fill-mode: forwards;\n      animation-delay: 0.15s;\n    }\n\n    :before {\n      border-left: none;\n      border-bottom: none;\n      border-top: 1px solid #4f7de7;\n      border-right: 1px solid #4f7de7;\n      animation: ", " linear 0.2s;\n      animation-fill-mode: forwards;\n    }\n    :hover,\n    :focus {\n      :after,\n      :before {\n        display: block !important;\n      }\n    }\n  "]);

  _templateObject5 = function _templateObject5() {
    return data;
  };

  return data;
}

function _templateObject4() {
  var data = _taggedTemplateLiteral(["\n  0% {left: 100%; top: 100%; right: -1px; bottom: -1px; opacity: 1;}\n  70% {left: -1px; top: 100%; right: -1px; bottom: -1px; opacity: 1;}\n  100% {left: -1px; top: -1px; right: -1px; bottom: -1px; opacity: 1;}\n"]);

  _templateObject4 = function _templateObject4() {
    return data;
  };

  return data;
}

function _templateObject3() {
  var data = _taggedTemplateLiteral(["\n  0% {left: -1px; top: -1px; right: 100%; bottom: 100%; opacity: 1;}\n  70% {left: -1px; top: -1px; right: -1px; bottom: 100%; opacity: 1;}\n  100% {left: -1px; top: -1px; right: -1px; bottom: -1px; opacity: 1;}\n"]);

  _templateObject3 = function _templateObject3() {
    return data;
  };

  return data;
}

function _templateObject2() {
  var data = _taggedTemplateLiteral(["\n  0% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n"]);

  _templateObject2 = function _templateObject2() {
    return data;
  };

  return data;
}

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  0% {\n    transform: rotate(0);\n  }\n  33% {\n    transform: rotate(30deg);\n  }\n  66% {\n    transform: rotate(-15deg);\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

import { keyframes, css } from "styled-components";
import { getRequiredData } from "../../utils/utils";
var btnShake = keyframes(_templateObject());
var btnPop = keyframes(_templateObject2());
var topBorder = keyframes(_templateObject3());
var bottomBorder = keyframes(_templateObject4());

var getBorderCss = function getBorderCss(props) {
  var button = getRequiredData(props, "button");
  var coreBorderAnimation = css(_templateObject5(), button.radius, bottomBorder, topBorder);
  return css(_templateObject6(), coreBorderAnimation, button.primaryHoverColor, button.radius > 4 ? css(_templateObject7()) : "", button.borderColor, button.radius);
};

export { btnPop, btnShake };
export default {
  shake: css(_templateObject8(), btnShake, btnShake),
  pop: css(_templateObject9(), btnPop, btnPop),
  circle: css(_templateObject10(), getBorderCss),
  borderColor: css(_templateObject11())
};